<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.one {
				width: 500px;
				height: 400px;
				text-align: center;
			}
			
			.two {
				width: 100px;
				height: 400px;
				float: left;
				background-color: greenyellow;
			}
			
			.three {
				text-align: center;
				width: 400px;
				height: 100px;
				float: right;
				background-color: deepskyblue;
			}
			
			.four {
				width: 400px;
				height: 300px;
				float: right;
				background-color: goldenrod;
			}
			
			input {
				display: block;
				margin: 30px auto;
			}
			
			#one {
			
				margin: 50px auto;
				border: 1px dashed aliceblue;
			}
		</style>

	</head>
	<body>
		<div class="one">
			<div class="two">
				<input type="button" value="初级">
				<input type="button" value="中级">
				<input type="button" value="高级">
				<a href="index.html">退出班级</a>
			</div>
			<div class="three">
				<h1>学员信息表</h1>
			</div>
			<div class="four">
				<table border="1" cellspacing="0" id="one" width="300px" height="180px">
					<tr>
						<th>序号</th>
						<th>姓名</th>
						<th>项目</th>
						<th>成绩</th>
						<th>总分</th>
					</tr>
					<tr>
						<th>1</th>
						<td>蔡江涛</td>
						<td>java</td>
						<td>40</td>
						<td rowspan="2">90</td>
						<tr>
							<th>2</th>
							<td>蔡江涛</td>
							<td>c++</td>
							<td>50</td>
						</tr>
				</table>
			</div>
		</div>
	</body>

</html>